body {
  background-color : #e7e8eb;
}

.login {
  width : 620px;
  height : 400px;
  margin : 0 auto;
  position : relative;
  top : 50%;
  transform translateY(-50%)
  border-radius 5px
  box-shadow 0 0 30px 0px rgba(9, 9, 9, .1)
  background-color : #fff;
}

.title {
  padding : 40px 0 40px;
  text-align : center;
}

h1 {
  font-size : 24px;
  color : #55575a;
}

.title p {
  margin-top : 10px;
  font-size : 16px;
  color : #95969e;
}

form {
  padding : 0 80px
}

label {
  display : block;
  width : 100%;
  padding-left : 55px;
  position : relative;
  height : 40px;
  margin-bottom : 20px;
  border-radius : 5px;
  border : 1px solid #e7e7e7
}

label .iconfont {
  position : absolute;
  left : 20px;
  height : 100%;
  line-height : 40px;
  font-size : 25px;
  color : #bbb
}

span {
  position : absolute
  left : 52px
  height : 40px
  line-height : 40px
  font-size : 16px
  color : #bbb
}

input {
  height : 100%;
  width : 100%;
  border : 0;
  font-size : 16px;
  border-radius : 5px
}

.sub {
  width : 140px
  height : 40px
  line-height : 40px
  margin : 0 auto
  text-align : center
  border-radius : 3px
  font-size : 16px
  background-image : linear-gradient(20deg, #3f80ff, #1ac6ff)
  color : #fff
  box-shadow : 0 5px 10px 0 rgba(26, 198, 255, .2)
  cursor : pointer
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
